<template>
  <div>
    <div class="sumInfo">
      <div class="sum">
        <div>商品金额</div>
        <div>¥159.6</div>
      </div>
      <div class="freight">
        <div>运费</div>
        <div>+¥0.00</div>
      </div>
    </div>
    <div class="amount">
      <div class="amountTitle">合计</div>
      <div class="money">¥159.6</div>
    </div>
  </div>
</template>

<style lang="less">
.sumInfo {
  padding: 5px;
  border-bottom: 1px solid #e5e5e5;
  .sum,
  .freight {
    display: flex;
    justify-content: space-between;
    padding: 5px;
  }
}
.amount {
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  .amountTitle {
    color: #999;
  }
  .money {
    color: #d63a54;
    font-size: 18px;
  }
}
</style>
